#email{
	font-size: 100%; /* Taille du texte */
	font-weight: 700; /* Gras */
}

#Tel{
	font-size: 100%; /* Taille du texte */
	font-weight: 700; /* Gras */
}




#demo{
text-align: center; /* Pour centrer les images du carousselle */

}


/* Css de la taille des ecrans inférieur à 800px*/
@media (max-width: 800px) 
{
	/* Taille de de l'image de carouselle */
	.imgcarousselle{
	width: 65%;
	margin: auto;
	}

}



/* Css de la taille des ecrans supperieur à 800px*/
@media (min-width: 800px) 
{
	/* Taille de de l'image de carouselle */
	.imgcarousselle{
	width: 35%;
	margin: auto;
	}

}



/* Debut -------------- Idee 1 et 2 */

	#idee1{
	  animation-duration: 3s;
	  animation-name: monID;
	  animation-iteration-count: 1;
	  background-color: red;
	  color: white;
	  margin-bottom: 0px;
	}

	#idee2{
	  animation-duration: 8s;
	  animation-name: monID;
	  animation-iteration-count: 1;
	  background-color: black;
	  color: white;
	  margin-bottom: 0px;
	}

	#idee2bis{
		margin-bottom: 0px;
	}

	@keyframes monID {
	0% {
	        margin-left: 100%;
	        width: 100%;
	  }
	  100% {
	        margin-left: 0%;
			width: 100%;
	  }
	}

/* Fin   -------------- Idee 1 et 2 */





#btnPause{
	background-color: #11ffee00;
	border-color: #11ffee00;
}
#btnPlay{
	background-color: #11ffee00;
	border-color: #11ffee00;
}





#messageMailEnvoyer{
	display: none;
	background-color: #72FFDE;
	animation: clignote 2s linear infinite;
}

@keyframes clignote {  
  50% { opacity: 0; }
}




#carousselle1{
	background-color: #a3ced8;
}

#InfoAccompagnement{
	color: white;
	background-color: #009ee0;
	text-align: center;
}




#imgweb{
	height: 92px;
	width: auto;
}

#logo_resp{
	height: 92px;
	width: auto;
}


.titreLogicielPc{
	background-color: #4F60FF;
}

#imgassociation{
	height: 92px;
	width: auto;
}

#imgautoentrepreneur{
	height: 92px;
	width: auto;
}

#logo_codeur{
	height: 92px;
	width: auto;
}


#section3{
	background-color: #a366ff;
	color: black;
}


#applicationmobile{
	height: 128px;
	width: auto;
}

#applicationmobile1{
	height: 92px;
	width: auto;
}

#planning{
	height: 32px;
	width: auto;
}

#production{
		height: 32px;
	width: auto;
}

#communication{
		height: 32px;
	width: auto;
}



#maintenance1{
	height: 128px;
	width: auto;
}

#sauvegarde{
	height: 92px;
	width: auto;
}


#antivirus{
	height: 92px;
	width: auto;
}


#imprimante{
	height: 92px;
	width: auto;
}

#maintenance1{
	height: 92px;
	width: auto;
}


/*
#equipe{
	background-color: #B7F6FF;
	margin-top: 2px;
	margin-bottom: 2px;
	color: blue;
	width: 100%;
}
*/

#groupe{
	width: 50%;
	height: auto;
}

.titreEquipe{
	background-color: #E8FFFA ;
}



#InfoSociete{
	margin-top: 10px;
	margin-bottom: 2px;
}

.CouleurDefond{
background-color: #cfffba;
color :black;
}

.couleurParagraphePaire {
  background-color: /*#7CFF5B*/#FDFFFC;
color :black;
}

.couleurParagrapheImpaire {
  background-color: #EFFFEB/*#F5FFC1  #D4FF7F*/;
color :black;

}

#foret {
	 background-image: url('../img/foret.png');
	 background-size: cover;
	 width: 50%;
	 height: 50%;
}

/*
.backgroundDeriereTexte
{
	background-image: url('../img/logo.png');
	 width: 100%;
	 height: auto;
	 background-repeat: no-repeat;


}
*/


/* --- DEBUT ------ IMG FORET -----------------------------------------------------------*/
	.no-css-link {
	  text-decoration: none;
	  color: inherit;
	}

	.container-pub {
	  width: 100%;
	  height: 300px;
	  background-image: url('../img/foret.png');
	  background-position: center;
	  background-size: cover;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  border-radius: 2%;
	}

	.overlay {
	  background-color: rgba(0, 0, 0, 0.2); 
	 /* color: black;*/
	  width: 70%;
	  color: white;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
/* --- FIN   ------ IMG FORET -----------------------------------------------------------*/




.rdv{
	font-style: italic;
}





























body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {

 
  background-color: transparent;
  margin-right: 2px;
border:none;
  width: 10%;

 /* background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;*/
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}